<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<style>
			*{
				margin: 0;
				padding: 0;
			}
			.dlg{
				width: 200px;
				height: 350px;
				background-color: #fff;
				position: fixed;
				left: 50%;
				top: 50%;
				margin-left: -100px;
				margin-top: -175px;
				z-index: 9;
			}
			.masker{
				position: fixed;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				background-color: rgba(0,0,0,0.3);
				/*opacity: 0.3;*/
			}
			li{
				list-style: none;
			}
		</style>
	</head>
	<body>
		
		<div class="masker">
			<div class="dlg">
				<ul>
					<li>
						用户名：
						<input type="text" />
					</li>
					<li>
						密码：
						<input type="password" />
					</li>
					<li>
						<label for="info">
						记住密码：
						<input id="info" type="checkbox" />
					</li>
					
				</ul>
			</div>
		</div>
		
		<ul>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
			<li>请无视</li>
		</ul>
		
	</body>
</html>
